<template>
  <div class="progress">
    <div class="demo-inner-divider">普通进度条：progress</div>
    <e-progress
      :percent="100"
      status="success">
    </e-progress>
    <e-progress
      :percent="80"
      status="wrong">
    </e-progress>
    <e-progress>
    </e-progress>
    <e-progress
      :percent="50">
    </e-progress>
    <div class="demo-inner-divider">小型进度条：progress-small</div>
    <e-progress
      type="small"
      status="success"
      :percent="100">
    </e-progress>
    <e-progress
      type="small"
      status="wrong"
      :percent="70">
    </e-progress>
    <e-progress
      type="small">
    </e-progress>
    <e-progress
      type="small"
      :percent="30">
    </e-progress>
    <!--  progress组件readme  -->
    <progress-md class="markdown-body"></progress-md>
  </div>

</template>

<script>
import progressMd from '../../docs/progress.md'

export default {
  name: "demoProgress",
  components: {
    progressMd
  }
}
</script>

<style scoped>
</style>
